
import { useNavigate } from 'react-router-dom'
import { Tabbar } from 'react-vant'
import { Outlet } from 'react-router-dom'

function Tabber() {
    const nav=useNavigate()
  return (
    <div >
        <Outlet></Outlet>
        {/* 8.实现素材图片中标题栏渲染，并支持点击切换高亮状态 */}
       <Tabbar style={{  position:'fixed', top:'0' }}
    >
        <Tabbar.Item onClick={()=>nav('/home')}>首页</Tabbar.Item>
        <Tabbar.Item  onClick={()=>nav('/re')}>热搜</Tabbar.Item>
        <Tabbar.Item  onClick={()=>nav('/index')}>小说</Tabbar.Item>
        <Tabbar.Item  onClick={()=>nav('/movie')}>电影</Tabbar.Item>
        <Tabbar.Item  onClick={()=>nav('/ju')}>电视剧</Tabbar.Item>
        
      </Tabbar>
    
    </div>
  )
}

export default Tabber
